<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/webpage/include/taglib.jsp"%>
<html>

<head>
    <title>SKU管理</title>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <meta name="decorator" content="ani" />
    <%@ include file="/webpage/include/bootstraptable.jsp"%>
    <%@include file="/webpage/include/treeview.jsp" %>
    <%@include file="skuList.js" %>
</head>

<body>
    <div class="wrapper wrapper-content">
        <div class="panel panel-primary">
            <div class="panel-heading">
                <h3 class="panel-title">SKU列表</h3>
            </div>
            <div class="panel-body">
                <sys:message content="${message}" />

                <!-- 搜索 -->
                <div class="accordion-group">
                    <div id="collapseTwo" class="accordion-body collapse">
                        <div class="accordion-inner">
                            <form:form id="searchForm" modelAttribute="sku" class="form form-horizontal well clearfix">
                                <div class="col-xs-12 col-sm-6 col-md-4">
                                    <label class="label-item single-overflow pull-left" title="code：">code：</label>
                                    <form:input path="id" htmlEscape="false" class=" form-control" />
                                </div>

                                <div class="col-xs-12 col-sm-6 col-md-4">
                                    <label class="label-item single-overflow pull-left" title="产品名称：">sku名称：</label>
                                    <form:input path="productName" htmlEscape="false" maxlength="128"
                                        class=" form-control" />
                                </div>

                                <div class="col-xs-12 col-sm-6 col-md-4">
                                    <label class="label-item single-overflow pull-left" title="一级类目：">一级类目：</label>
                                    <form:select path="categoryA" class="form-control m-b">
                                        <form:option value="" label="" />
                                        <form:options items="${fns:getDictList('sc_category_a')}" itemLabel="label"
                                            itemValue="value" htmlEscape="false" />
                                    </form:select>
                                </div>
                                <div class="col-xs-12 col-sm-6 col-md-4">
                                    <label class="label-item single-overflow pull-left" title="二级类目：">二级类目：</label>
                                    <form:select path="categoryB" class="form-control m-b">
                                        <form:option value="" label="" />
                                        <form:options items="${fns:getDictList('sc_category_b')}" itemLabel="label"
                                            itemValue="value" htmlEscape="false" />
                                    </form:select>
                                </div>
                                <div class="col-xs-12 col-sm-6 col-md-4">
                                    <label class="label-item single-overflow pull-left" title="三级类目：">三级类目：</label>
                                    <form:select path="categoryC" class="form-control m-b">
                                        <form:option value="" label="" />
                                        <form:options items="${fns:getDictList('sc_category_c')}" itemLabel="label"
                                            itemValue="value" htmlEscape="false" />
                                    </form:select>
                                </div>


                                <div class="col-xs-12 col-sm-6 col-md-4">
                                    <div style="margin-top:26px">
                                        <a id="search" class="btn btn-primary btn-rounded  btn-bordered btn-sm"><i
                                                class="fa fa-search"></i> 查询</a>
                                        <a id="reset" class="btn btn-primary btn-rounded  btn-bordered btn-sm"><i
                                                class="fa fa-refresh"></i> 重置</a>
                                    </div>
                                </div>
                            </form:form>
                        </div>
                    </div>
                </div>

                <!-- 工具栏 -->
                <div id="toolbar">
                    <shiro:hasPermission name="sku:sku:add">
                        <a id="add" class="btn btn-primary" href="${ctx}/sku/sku/form" title="产品模板"><i
                                class="glyphicon glyphicon-plus"></i> 新建</a>
                    </shiro:hasPermission>
                    <shiro:hasPermission name="sku:sku:edit">
                        <button id="edit" class="btn btn-success" disabled onclick="edit()">
                            <i class="glyphicon glyphicon-edit"></i> 修改
                        </button>
                    </shiro:hasPermission>
                    <shiro:hasPermission name="sku:sku:del">
                        <button id="remove" class="btn btn-danger" disabled onclick="deleteAll()">
                            <i class="glyphicon glyphicon-remove"></i> 删除
                        </button>
                    </shiro:hasPermission>
                    <shiro:hasPermission name="sku:sku:import">
                        <button id="btnImport" class="btn btn-info"><i class="fa fa-folder-open-o"></i> 导入</button>
                        <div id="importBox" class="hide">
                            <form id="importForm" action="${ctx}/sku/sku/import" method="post"
                                enctype="multipart/form-data" style="padding-left:20px;text-align:center;"><br />
                                <input id="uploadFile" name="file" type="file"
                                    style="width:330px" />导入文件不能超过5M，仅允许导入“xls”或“xlsx”格式文件！<br />　　


                            </form>
                        </div>
                    </shiro:hasPermission>
                    <a class="accordion-toggle btn btn-default" data-toggle="collapse" data-parent="#accordion2"
                        href="#collapseTwo">
                        <i class="fa fa-search"></i> 检索
                    </a>
                </div>

                <!-- 表格 -->
                <table id="skuTable" data-toolbar="#toolbar"></table>

                <!-- context menu -->
                <ul id="context-menu" class="dropdown-menu">
                    <shiro:hasPermission name="sku:sku:edit">
                        <li data-item="edit"><a>编辑</a></li>
                    </shiro:hasPermission>
                    <shiro:hasPermission name="sku:sku:del">
                        <li data-item="delete"><a>删除</a></li>
                    </shiro:hasPermission>
                    <li data-item="action1"><a>取消</a></li>
                </ul>
            </div>
        </div>
    </div>
</body>

</html>